.mine {
    background-color: #eee;
    padding-bottom: 36px;
}

.mhead {
    width: 100%;
    height: 132px;
    background-image: url(../../state/背景.webp);
    background-position: 100% 100%;
    overflow: hidden;

    .tou {
        width: 104px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10px;
        margin-top: 58px;

        img {
            width: 42px;
            height: 42px;
            border-radius: 50%;
        }

        p {
            line-height: 60px;
            margin: 0;
            color: #fff;
        }
    }
}

.all {
    width: 94%;
    height: auto;
    margin: 10px auto 0;
    border-radius: 6px;
    background-color: #fff;
}

.quan {
    display: flex;

    div {
        width: 33.33%;
        height: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        span:nth-child(1) {
            font-weight: bold;
        }

        span:nth-child(2) {
            font-size: 13px;
        }
    }
}

.order {
    .Oorder {
        width: 100%;
        height: auto;
        display: flex;
        padding: 10px;
        justify-content: space-between;

        h3 {
            font-weight: bold;
        }

        span {
            font-size: 14px;
            color: #999;
        }
    }

    .Ofont {
        display: flex;
        padding: 0 0 20px 0;

        div {
            width: 25%;
            height: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            img {
                width: 40%;
            }

            span:nth-child(2) {
                font-size: 13px;
                font-weight: 600;
            }
        }
    }
}

.vip {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;

    svg {
        color: #999;
    }
}